@CHARSET "UTF-8";
body {
    margin:0px;
    border:0px;
    padding:0px;
    font-size: 12px;
    font-family: Tahoma,"宋体";
}
a:focus {
    -moz-outline-style: none;
    outline-style: none;
}
/* icon 所有ICON图标统一放在images/icon/目录下 */
.icon {
    width:16px;
    height:16px;
    vertical-align:middle;
    border: 0;
    background-repeat: no-repeat;
    background-position:left;
}
/* 设置允许选中 grid 文本文字*/
.x-selectable, .x-selectable * {     
    user-select: text! important;    
    -o-user-select: text! important;    
    -moz-user-select: text! important;    
    -khtml-user-select: text! important;    
    -webkit-user-select: text! important;    
} 
.icon-loading { background-image: url(../images/icon/loading.gif) !important; }
.icon-find { background-image: url(../images/icon/find.png) !important; }
.icon-finder { background-image: url(../images/icon/finder.png) !important; }
.icon-default { background-image: url(../images/icon/default.png) !important; }
.icon-unknown { background-image: url(../images/icon/unknown.png) !important; }
.icon-home { background-image: url(../images/icon/home.png) !important; }
.icon-refresh { background-image: url(../images/icon/refresh.gif) !important; }
.icon-calendar { background-image: url(../images/icon/calendar.gif) !important; }
.icon-up { background-image: url(../images/icon/up.png) !important; }
.icon-down { background-image: url(../images/icon/down.png) !important; }
.icon-left { background-image: url(../images/icon/left.png) !important; }
.icon-right { background-image: url(../images/icon/right.png) !important; }
.icon-columns { background-image: url(../images/icon/columns.gif) !important; }
.icon-add { background-image: url(../images/icon/add.gif) !important; }
.icon-edit { background-image: url(../images/icon/edit.gif) !important; }
.icon-delete { background-image: url(../images/icon/delete.gif) !important; }
.icon-no { background-image: url(../images/icon/no.gif) !important; }
.icon-yes { background-image: url(../images/icon/yes.gif) !important; }
.icon-folder { background-image: url(../images/icon/folder.gif) !important; }
.icon-folder-open { background-image: url(../images/icon/folder-open.gif) !important; }
.icon-lock { background-image: url(../images/icon/lock.png) !important; }
.icon-unlock { background-image: url(../images/icon/unlock.png) !important; }
.icon-leaf { background-image: url(../images/icon/leaf.gif) !important; }
.icon-exclamation { background-image: url(../images/icon/exclamation.gif) !important; }
.icon-warning { background-image: url(../images/icon/warning.png) !important; }
.icon-ok { background-image: url(../images/icon/ok.png) !important; }
.icon-cancel { background-image: url(../images/icon/cancel.png) !important; }
.icon-save { background-image: url(../images/icon/save.png) !important; }
.icon-phpfile { background-image: url(../images/icon/phpfile.gif) !important; }
.icon-copy { background-image: url(../images/icon/copy.gif) !important; }
.icon-window-open { background-image: url(../images/icon/window-open.png) !important; }
.icon-config { background-image: url(../images/icon/config.png) !important; }
.icon-power-down { background-image: url(../images/icon/power-down.png) !important; }
.icon-search { background-image: url(../images/icon/search.png) !important; }
.icon-db { background-image: url(../images/icon/db.png) !important; }
.icon-table { background-image: url(../images/icon/table.png) !important; }
.icon-arrow-right { background-image: url(../images/icon/arrow-right.png) !important; }
.icon-arrow-left { background-image: url(../images/icon/arrow-left.png) !important; }
.icon-maintenance { background-image: url(../images/icon/maintenance.png) !important; }
.icon-money-rmb { background-image: url(../images/icon/money-rmb.png) !important; }
.icon-organisation { background-image: url(../images/icon/organisation.png) !important; }
.icon-company { background-image: url(../images/icon/company.png) !important; }
.icon-department { background-image: url(../images/icon/department.png) !important; }
.icon-user { background-image: url(../images/icon/user.png) !important; }
.icon-user-female { background-image: url(../images/icon/user-female.png) !important; }
.icon-user-add { background-image: url(../images/icon/user-add.png) !important; }
.icon-user-edit { background-image: url(../images/icon/user-edit.png) !important; }
.icon-user-delete { background-image: url(../images/icon/user-delete.png) !important; }
.icon-user-group { background-image: url(../images/icon/user-group.png) !important; }
.icon-user-group-add { background-image: url(../images/icon/user-group-add.png) !important; }
.icon-user-group-edit { background-image: url(../images/icon/user-group-edit.png) !important; }
.icon-user-group-delete { background-image: url(../images/icon/user-group-delete.png) !important; }
.icon-user-comment { background-image: url(../images/icon/user-comment.png) !important; }
.icon-building { background-image: url(../images/icon/building.png) !important; }
.icon-package { background-image: url(../images/icon/package.png) !important; }
.icon-application { background-image: url(../images/icon/application.png) !important; }
.icon-network-device { background-image: url(../images/icon/network-device.gif) !important; }
.icon-server { background-image: url(../images/icon/server.png) !important; }
.icon-display { background-image: url(../images/icon/display.png) !important; }
.icon-computer-laptop { background-image: url(../images/icon/computer-laptop.gif) !important; }
.icon-computer { background-image: url(../images/icon/computer.png) !important; }
.icon-firewall { background-image: url(../images/icon/firewall.png) !important; }
.icon-drive-hd { background-image: url(../images/icon/drive-hd.png) !important; }
.icon-drive-cd { background-image: url(../images/icon/drive-cd.png) !important; }
.icon-netcard { background-image: url(../images/icon/netcard.gif) !important; }
.icon-network { background-image: url(../images/icon/network.png) !important; }
.icon-key { background-image: url(../images/icon/key.png) !important; }
.icon-key-add { background-image: url(../images/icon/key-add.png) !important; }
.icon-key-edit { background-image: url(../images/icon/key-edit.png) !important; }
.icon-key-delete { background-image: url(../images/icon/key-delete.png) !important; }
.icon-function { background-image: url(../images/icon/function.png) !important; }
.icon-function-add { background-image: url(../images/icon/function-add.png) !important; }
.icon-function-edit { background-image: url(../images/icon/function-edit.png) !important; }
.icon-function-delete { background-image: url(../images/icon/function-delete.png) !important; }
.icon-upload { background-image: url(../images/icon/upload.png) !important; }
.icon-security { background-image: url(../images/icon/security.png) !important; }
.icon-chart { background-image: url(../images/icon/chart.png) !important; }
.icon-eye { background-image: url(../images/icon/eye.png) !important; }
.icon-excel { background-image: url(../images/icon/excel.png) !important; }
.icon-word { background-image: url(../images/icon/word.png) !important; }
.icon-xml { background-image: url(../images/icon/xml.png) !important; }
.icon-print { background-image: url(../images/icon/print.png) !important; }
.icon-picture { background-image: url(../images/icon/picture.png) !important; }
.icon-picture-add { background-image: url(../images/icon/picture-add.png) !important; }
.icon-picture-delete { background-image: url(../images/icon/picture-delete.png) !important; }
.icon-play { background-image: url(../images/icon/play.png) !important; }
.icon-pause { background-image: url(../images/icon/pause.png) !important; }
.icon-stop { background-image: url(../images/icon/stop.png) !important; }
.icon-detail { background-image: url(../images/icon/detail.png) !important; }
.icon-unassigned { background-image: url(../images/icon/unassigned.gif) !important; }
.icon-assigned { background-image: url(../images/icon/assigned.gif) !important; }
.icon-completed { background-image: url(../images/icon/completed.gif) !important; }
.icon-history { background-image: url(../images/icon/history.gif) !important; }
.icon-others { background-image: url(../images/icon/others.png) !important; }
.icon-export { background-image: url(../images/icon/export.png) !important; }
.icon-collapse-all { background-image: url(../images/icon/collapse-all.png) !important; }
.icon-expand-all { background-image: url(../images/icon/expand-all.png) !important; }
.icon-scroll-to-current { background-image: url(../images/icon/scroll-to-current.png) !important; }
.icon-bell { background-image: url(../images/icon/bell.png) !important; }
.icon-favorite { background-image: url(../images/icon/favorite.png) !important; }
.icon-favorite-add { background-image: url(../images/icon/favorite-add.png) !important; }
.icon-favorite-delete { background-image: url(../images/icon/favorite-delete.png) !important; }
.icon-form-radio { background-image: url(../images/icon/form-radio.png) !important; }
.icon-form-radio-checked { background-image: url(../images/icon/form-radio-checked.png) !important; }
.icon-tasks { background-image: url(../images/icon/tasks.png) !important; }
.icon-page { background-image: url(../images/icon/page.png) !important; }
.icon-heart { background-image: url(../images/icon/heart.png) !important; }
.icon-smile { background-image: url(../images/icon/smile.png) !important; }
.icon-help { background-image: url(../images/icon/help.gif) !important; }
#TopBanner {
    background: #7F99BE url(../images/banner-bg.gif) repeat-x center;
    height: 32px;
    color: #fff;
    line-height: 14px;
}
#TopBanner .system-tray {
    position: absolute;
    right: 0px;
    top: 0px;
}
#TopBanner .logo {
    background: url(../images/logo.png) no-repeat left;
    height: 32px;
    width: 64px;
    float: left;
	margin-left:4px;
}
#TopBanner .version {
    position: absolute;
    top: 0px;
    left: 68px;
    text-shadow: 1px 1px 5px #000;
}
#TopBanner .description {
    position: absolute;
    color: #badf70;
    left: 68px;
    top: 17px;
}
#TopBanner .sayhello {
    position: absolute;
    right: 0px;
    top: 17px;
}

/* 顶部菜单条 */
#MenuBar-Box {
    margin-left:186px;
    margin-right:248px;
}

#MenuBarLeft {
    background: url("../images/menubar-button.png") no-repeat scroll 0 center transparent;
    cursor: pointer;
    height: 32px;
    float:left;
    visibility: hidden;
    width: 16px;
}

#MenuBarRight {
    background: url("../images/menubar-button.png") no-repeat scroll -48px center transparent;
    cursor: pointer;
    height: 32px;
    float : right;
    visibility: hidden;
    width: 16px;
}
#MenuBar-Box li {
    float: left;
    height: 32px;
    line-height: 28px;
    padding: 0 8px;
    overflow: hidden;
    background: url(../images/banner-menu-bg.png) no-repeat left;
}
#MenuBar-Box li .menu-icon {
    vertical-align:middle;
    background-repeat: no-repeat;
    background-position:left;
}
#MenuBar-Box li a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration:none;
    padding-left: 22px;
}
#MenuBar-Box li a:hover {
    color: #b9ff12;
}

/* 任务边栏 */
#NavMenu .x-panel {
    margin-bottom: 3px;
    margin-left: 3px;
}

#NavMenu .x-panel-body {
    position: static;
}

#NavMenu .x-panel-body li img {
    width:16px;
    vertical-align:middle;
    margin-right:2px;
    margin-bottom:2px;
    border: 0;
}

#NavMenu .x-panel-body li a {
    text-decoration:none;
    color:#3764A0;
    margin-left: 2px;
}
#NavMenu .x-panel-body li a:hover {
    text-decoration:none;
    color:#15428b;
}
#NavMenu .x-panel-body li a:active {
    text-decoration:none;
    color: #000;
    font-style: italic;
}
#NavMenu .x-panel-body li .icon-window-open {
    float: right;
    cursor: pointer;
    opacity: .15;
    -moz-opacity: .15;
    filter: alpha(opacity=15);
}
#NavMenu .x-panel-body li:hover .icon-window-open {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.wkfl-node {
	font-size: 12px; font-weight: bold; padding-left:18px; margin-top:6px;
}
.proc-node {
    display: block;
    font-size: 12px;
    font-weight: normal;
	padding: 5px 10px;
}
.proc-bad {
    color: red;
}
.proc-good {
    color: green;
}

.x-selectable, .x-selectable * {  
    -moz-user-select: text!important;  
    -khtml-user-select: text!important;  
}  